<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="{{CDN}}/easyui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="{{CDN}}/easyui/themes/icon.css">
		<script type="text/javascript" src="{{CDN}}/easyui/jquery.min.js"></script>
		<script type="text/javascript" src="{{CDN}}/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="{{CDN}}/easyui/locale/easyui-lang-zh_CN.js"></script>
		<script>
		$(function(){

			/*表格初始化*/
			$("#grid").datagrid({
				singleSelect:true,
				fit:true,
				fitColumns:true,
				collapsible:true, 
				striped:true,
				rownumbers:true, 
			    columns:[[    
			    	{field:'CK',checkbox:true},
					{field:'date',title:'变更日期',width:100,align:'left'},
					{field:'old_company_name',title:'曾用名',width:300,align:'left'},
					{field:'final_company_name',title:'现名',width:300,align:'left'},
					
			    ]]
			   
			});
			
			function query(){
				$("#grid").datagrid({
					url:'/testLib/companyChange/getCompanyChangeList',
					method:"POST",
					queryParams: {key:$("#search_key").textbox("getValue")}
				});
			}
			
			//查询按钮
			$("#search_btn").click(query);
			query();
			
		});
			
		</script>
	</head>
	<body class="easyui-layout">
		<!-- 主表格 -->
		<div region="center" border="false">
			关键字：<input class="easyui-textbox" id="search_key"  name="key" style="width:600px"  />
			<a href="#" id="search_btn" class="easyui-linkbutton"	 data-options="iconCls:'icon-search'"  >查询</a>
			<table id="grid" ></table>
		</div>
	</body>
</html>
